/* navigation bar */
  *{
  margin: 0;
  padding: 0;
}
header{
    background-image:url(image2.jpg);
    height: 150vh;
    width:auto;
    background-size: cover;
    background-position: center; 
    position:relative;
}
ul{
  float: right;
  list-style-type: none;
  margin-top: 25px;
}
ul li{
  display: inline-block;
}
ul li a{
  text-decoration: none;
    color:#fff;
    padding:5px 20px;
    border:1PX solid#000;
    color: black;
    transition: 0.6s ease;
}
ul li a:hover{
  background-color: #000;

      color: white;
}
p{
  color: black;
  margin: 20px;
  display: block;
  letter-spacing: 1px;
  padding: 10px 0;
}
.mian{
  max-width: 1200px;
  margin: top;

}
.information{
 width: 1000px;
 height: 1000px;
 position: absolute;
 top:50%;
 left: -10%;
 transform:translateY(-50%);

}
#circle{
width: 1000px;
 height: 1000px;
 position: absolute;
 top:0;
 left: 0;
 border-radius: 50%;
 background: #ccc;

}
.feature{
  position:absolute;
}
.one{
  top: 450px;
  right:50px;
}

.paragraph1{
  background-image: url(image3.png);
    background-size: cover;
    background-position: center; 
    position:relative;
}

.paragraph2{
  background-image: url(image4.png);
    background-size: cover;
    background-position: center; 
    position:relative;
}

.paragraph3{
  background-image: url(image5.png);
    background-size: cover;
    background-position: center; 
    position:relative;
}